app-product-show {

  ion-slides {
    height: 30%;
    background-color: #ffffff;
  }

  /* DOES NOT WORK - not specific enough */

  .popover-content {
    background: #222;
  }

  /* Works - pass "my-custom-class" in cssClass to increase specificity */

  .my-custom-class .popover-content {
    background: #222;
  }


  .gray {
    --background: rgb(240, 242, 243);
  }

  .ionHeader {
    .more {
      margin-right: 16px
    }

  }

  .ionContent {
    .slidesOutDiv {
      position: relative;
      min-height: 220px;
      .ionSlides{
        min-height: 220px;
        .ionSlide{
          min-height: 220px;
          margin: auto;
        }
      }

    }


    .threeDimensional {
      //width: 30px;
      //height: 30px;
      //border-radius: 15px;
      //padding: 5px;
      position: absolute;
      right: 16px;
      bottom: 16px;
      z-index: 9999;
    }

    .productInfo {
      display: inline-block;
      width: 100%;
      padding: 4px 16px;
      background-color: #ffffff;
    }

    .enterpriseInfo {
      display: inline-block;
      width: 100%;
      padding: 6px 10px;
      background-color: #ffffff;
    }

    .borderTop {
      border-top-style: solid;
      border-top-color: lightgray;
      border-top-width: thin;
      padding-top: 16px;
    }

    .borderBottom {
      //border-top-style: solid;
      //border-top-color: lightgray;
      //border-top-width: thin;
      padding-bottom: 16px;
    }

    .borderBot {
      border-bottom-style: solid;
      border-bottom-color: lightgray;
      border-bottom-width: thin;
    }

    .productName {
      display: inline-block;
      //width: 72%;
      font-size: 16px;
      color: #333333;
    }

    .productPrice {
      display: inline-block;
      width: 14%;
      background-color: dodgerblue;
      color: #ffffff;
      text-align: center;
      border-radius: 2px;
    }

    .productMore {
      display: inline-block;
      width: 14%;
      text-align: center;
    }

    .inlineBlock {
      display: inline-block;
      font-size: 12px;
      color: #333333;
    }

    .model {
      color: #999999;
    }

    .details {
      color: dodgerblue;
      float: right;
    }

    .more {
      color: darkgrey;
      float: right;
      margin-right: 20px;
    }

    // 分割线
    .dividingLine {
      min-width: 100%;
      max-height: 0.5px;
      background-color: #e8e8e8;
    }

    // 菜单分类
    .gridMenu {
      background-color: #ffffff;
      padding: 0px;

      .menuPadding {
        padding: 24px 0px 16px 24px;
      }

      .menuColBot {
        border-bottom-style: solid;
        border-bottom-color: #e8e8e8;
        border-bottom-width: thin;
      }

      .menuColRit {
        border-right-style: solid;
        border-right-color: #e8e8e8;
        border-right-width: thin;
      }

      .width30 {
        //width: 24%;
        text-align: center;
        vertical-align: middle;
        //padding: 10px;
      }

      .menuDiv {
        padding-left: 14px;
        //width: 76%;
        vertical-align: middle;
      }

      .menuTitleSize {
        font-size: 16px;
        padding-bottom: 4px;
      }

      .menuDescription {
        font-size: 12px;
        color: #333333;
      }

      .menuImg {
        //width: 40px;
        //vertical-align: bottom;
      }

      p {
        line-height: 20px;
      }
    }


    // 产品参数
    .parameter {
      margin-top: 10px;
      display: inline-block;
      width: 100%;
      padding: 4px 10px;
      background-color: #ffffff;

      .price {
        padding: 10px;
        display: inline-block;
        width: 50%;
      }

      .priceValue {
        display: inline-block;
        width: 50%;
        color: lightgrey;
      }
    }

    // 区域分公司
    .branchCompany {
      display: flex;
      width: 100%;
      padding: 4px 10px;
      background-color: #ffffff;

      p {
        line-height: 20px;
        padding: 2px;
      }
    }

    .bottomLine {
      min-height: 40px;
      background-color: #ffffff;
      text-align: center;
      color: #36a5f6;

      p {
        //line-height: 40px;
        padding: 10px 0px;

        img {
          vertical-align: middle;
        }
      }
    }

    // 技术支持
    .technicalSupport {
      margin: 20px;
      text-align: center;
      color: lightgrey;
    }
  }


}

